@import '../../theme/index.scss';

.#{$hs-ui-prefix}-pagniation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 5rem;
    min-height: min-content;

    .#{$hs-ui-prefix}-pagniation__list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-width: 100%;
        min-height: min-content;

        .#{$hs-ui-prefix}-pagniation__item {
            margin: var(--margin);
            color: var(--text-color);
        }

        .#{$hs-ui-prefix}-pagniation__next-item, .#{$hs-ui-prefix}-pagniation__pre-item {
            width: 3rem;
        }
    }
}